<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>iRead</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link type="text/css" href="css/style.css" rel="stylesheet" />
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.ui.datepicker-ru.js"></script>
	<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/effects.js"></script>
	<script type="text/javascript" src="js/books.js"></script>
	<script type="text/javascript" src="js/quotes.js"></script>
	<script type="text/javascript" src="js/raphael-min.js"></script>    
</head>
<body>

<div class="header">
	<div class="logo_title"><h1>iRead</h1></div>
	<div class="login" id="vk_login"></div>
	<div class="logo"></div>
</div>

<div class="content">
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Любимые</a></li>
		<li><a href="#tabs-2">Читаю</a></li>
		<li><a href="#tabs-3">Прочитанные</a></li>
		<li><a href="#tabs-4">Хочу прочитать</a></li>
		<li><a href="#tabs-5">Не хочу читать</a></li>
		<li><a href="#tabs-6">Цитаты</a></li>
		<li><img class="buttons" id="add" alt="add book" src="css/images/add.png" /><img class="buttons" id="add_quote" alt="add quote" src="css/images/quotes.png" /></li>
		<li><img class="buttons" id="stats" alt="get stats" src="css/images/stats.png" /></li>
		<li><img class="buttons" id="restore" alt="restore defautl" src="css/images/restore.png" /></li>
		<li><img class="buttons" id="help" alt="help" src="css/images/help.png" /></li>
	</ul>
	<div id="tabs-1">
		<table class="listtable" id="favorites">
		</table>
	</div>
	<div id="tabs-2">
		<table class="listtable" id="now">
		</table>
	</div>
	<div id="tabs-3">
		<table class="listtable" id="read">
		</table>
	</div>
	<div id="tabs-4">
		<ul id="sortable" class="sortable">
		<table class="listtable" id="want">
		</table>
		</ul>
	</div>

	<div id="tabs-5">
		<table class="listtable" id="dont">
		</table>
	</div>
	<div id="tabs-6">
		<div id="quotes">
		</div>
	</div>
</div>
</div>

<div class="bottom">
	<div class="copytext">coded by e1r0nd<br />v0.4 09.03.2012</div>
	<a href="http://pengo.com.ua">pengo.com.ua</a><br /><a href="http://e1r0nd.org.ua">e1r0nd.org.ua</a>
</div>

<div id="dialog-modal" title="Стастика"></div>
<div id="tooltip" class="ui-state-highlight ui-corner-all"></div>
<div id="diagram" title="Активность в текущем году"></div>

<div id="dialog-confirm" title="Удалить?">
	<div>
		<div style="float: left;">
			<img alt="warning" src="css/images/warning.png" />
		</div>
		<div style="text-align: center; padding-top: 5px;">
			Действительно удалить?
		</div>
	</div>
</div>

<div id="dialog-confirm-quote" title="Удалить?">
	<div>
		<div style="float: left;">
			<img alt="warning" src="css/images/warning.png" />
		</div>
		<div style="text-align: center; padding-top: 5px;">
			Действительно удалить?
		</div>
	</div>
</div>

<div id="dialog-add-book" title="Что делать?">
	<div>
		<div style="float: left;">
			<img alt="add_new" src="css/images/add_new.png" />
		</div>
		<div style="text-align: center; padding-top: 5px;">
			<span>Добавить новую</span> книгу
		</div>
	</div>
	<div class="validateTips" id="validateTips">&nbsp;</div>
	<div>
		<form>
		<fieldset>
			<div>
				<label for="title">Название</label>
				<input type="text" name="title" id="title" maxlength="99" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div>
				<label for="author">Автор</label>
				<input type="text" name="author" id="author" maxlength="50" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div>
				<label for="notes">Примечание</label>
				<input type="text" name="notes" id="notes" maxlength="250" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div>
				<label for="rate">Оценка</label>
				<select size="1" name="rate" id="rate" class="text ui-widget-content ui-corner-all" style="text-align: right">
		    		<option selected value="6">Читаю</option>
				    <option value="1">1 балл</option>
				    <option value="2">2 балла</option>
				    <option value="3">3 балла</option>
				    <option value="4">4 балла</option>
				    <option value="5">5 баллов</option>
				    <option value="0">Любимая</option>
				    <option value="7">Хочу прочитать</option>
				    <option value="8">Не хочу читать</option>
	   			</select>
			</div>
			<div id="started">
				<label for="started_at">Начата</label>
				<input type="text" name="started_at" id="started_at" maxlength="10" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div id="finished">
				<label for="finished_at">Окончена</label>
				<input type="text" name="finished_at" id="finished_at" maxlength="10" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<input type="hidden" id="todo" value="" />
			<input type="hidden" id="id_tag" value="" />
		</fieldset>
		</form>		
	</div>
</div>

<div id="dialog-add-quote" title="Что делать?">
	<div>
		<div style="float: left;">
			<img alt="add_new" src="css/images/add_new.png" />
		</div>
		<div style="text-align: center; padding-top: 5px;">
			<span>Добавить новую</span> цитату
		</div>
	</div>
	<div class="validateTips" id="validateTips_quote">&nbsp;</div>
	<div>
		<form>
		<fieldset>
			<div>
				<label for="title_quote">Название</label>
				<input type="text" name="title_quote" id="title_quote" maxlength="99" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div>
				<label for="author_quote">Автор</label>
				<input type="text" name="author_quote" id="author_quote" maxlength="50" value="" class="text ui-widget-content ui-corner-all" />
			</div>
			<div>
				<label for="content_quote">Цитата</label>
				<textarea name="content_quote" id="content_quote" cols="32" rows="5" class="text ui-widget-content ui-corner-all"></textarea>
			</div>
			<input type="hidden" id="todo_quote" value="" />
			<input type="hidden" id="id_tag_quote" value="" />
		</fieldset>
		</form>		
	</div>
</div>

<div id="dialog-restore-default" title="Вернуть базовые книги?">
	<div>
		<div style="float: left;">
			<img alt="warning" src="css/images/warning.png" />
		</div>
		<div style="text-align: center; padding-top: 5px;">
			Действительно надо вернуть как было?
		</div>
	</div>
</div>

<div id="dialog-help" title="Справка">
	<div style="text-align: center; padding-top: 5px;">
		<p><strong>Книжная полка</strong></p>
		<p>Умеет строить график по статистике.</p>
		<p>версия 0.4</p>
	</div>
</div>

<script type="text/javascript">
	/* тут можно вставить код */
</script>

</body>
</html>
